import Vue from 'vue'
import VueRouter from 'vue-router'

Vue.use(VueRouter)

const routes = [{
    path: '/',
    redirect: '/canvas'
  },
  {
    path: '/canvas',
    name: 'Canvas',
    component: () => import('../views/Canvas.vue')
  },
  {
    path: '/canvasPro',
    name: 'CanvasPro',
    component: () => import('../views/CanvasPro.vue')
  },
  {
    path: '/canvasDraggable',
    name: 'CanvasDraggable',
    component: () => import('../views/CanvasDraggable.vue')
  },
  {
    path: '/svg',
    name: 'Svg',
    component: () => import('../views/Svg.vue')
  },
  {
    path: '/SvgPro',
    name: 'SvgPro',
    component: () => import('../views/SvgPro.vue')
  },
  {
    path: '/LineDraggable',
    name: 'LineDraggable',
    component: () => import('../views/LineDraggable.vue')
  },
  {
    path: '/ConsecutiveLineDraggable',
    name: 'ConsecutiveLineDraggable',
    component: () => import('../views/ConsecutiveLineDraggable.vue')
  },
]

const router = new VueRouter({
  routes
})

export default router